/**
 * 之所以要监听resize，是因为Android全屏webview在实例化的时候
 * 浏览器的size未0，在原生跳转webview的过程中才会resize到期望的大小
 */

export const getBaseSize = (() => {
    let baseSize = 0;
    const setSize = () => {
        baseSize = Number(document.querySelector('html').style.fontSize.replace('px', ''));
    };
    setSize();

    window.addEventListener('resize', () => {
        setSize();
        setTimeout(setSize, 400); // 没有什么用
    });

    return () => baseSize;
})();

/**
 * 有时候需要把rem字符串转换成px单位，结果保留两位小数
 * @export
 * @param {String} size
 * @returns {Number}
 */
export function remToPX(size) {
    // 浏览器渲染的实际像素没有小数点
    return +(Number(`${size}`.replace('rem', '')) * getBaseSize()).toFixed(2);
}

export default remToPX;
